.city {
  color: #555;
  .title {
    @media #{$medium-up} {
      text-align: center;
    }
    margin-bottom: 2rem;
  }

  h1, h2, h3, h4, h5, h6 {
    border-bottom: 1px solid #ddd;
  }

  h4,h5{
    font-weight: bold;
  }

  .columns img {
    display: block;
    margin:5px auto;
    text-align: center;
    border: 1px solid #ddd;
  }
  .columns .red {
    color:#f00;
  }
  ul {
    overflow:hidden;
  }
  ul li {
    list-style-type:none;
    float:left;
    margin:4px 6px;
    font-size: 1.2rem;
  }
  .state0 {
    color:#999;
  }
  .state1 {
    color:#c00;
  }
  .state2 {
    color:#24D;
  }
}

.top-bar-section ul li > a {
  font-size: 1.15rem;
}
.top-bar-section ul li.city > a {
  font-size: 1rem;
}
.top-bar-section ul li.city span {
  color:#c00;
}
.top-bar-section ul li.city a:hover span {
  color:#00c4a4;
}